@charset "UTF-8";
@import "./common.scss";
@import "./header.scss";
$borderColor:#c8c2b7;
body{ background:#f9f7f7;}
@mixin orderTitle{
     background: #dedcdc; font-size: 20px; line-height: 48px; height: 48px; padding-left: 15px; margin: 20px 0;
}
/*支付页面*/
.pay-section{@include widthAuto;padding-top: 20px;
    .lc-crumb{margin-left: -32px;
        a{ width: 406px; height: 86px; float: right; line-height: 86px; text-align: center; color: $white; font-size: 18px; margin-left: -40px; background: url(../img/jiantou_nm_icon.png) no-repeat -3px 0;}
        a.cur{ background: url(../img/jiantou_cur_icon.png) no-repeat -3px 0;}
    }
    .pay-main{border: 1px $borderColor solid; padding: 50px; margin-top: 10px; font-size: 16px;
        .com-text{ line-height: 28px;
        	span{ color: #b31a28;}
        }
        .com-items{
        	li{ width: 100%; clear: both; padding-left: 260px; line-height: 26px;
        		span{ width: 260px; float: left; margin-left: -260px; text-align: right;}
        	}
        }
        .table-con{border-top: 1px $borderColor solid;border-bottom: 1px $borderColor solid; width: 60%; padding: 10px 0; margin: 10px 0;
        	table{ width: 100%;}
        	td{ line-height: 30px;}
        }
        .more-con{
        	a{background: #dedcdc; font-size: 20px; line-height: 48px; height: 48px; padding-left: 15px; margin: 20px 0; display: block; text-align: center;}
        }
    }
    .pay-way{border: 1px $borderColor solid; padding:20px 50px; margin-top: 10px; font-size: 16px;
    	.pay-tab-tit{ border: 1px $borderColor solid; border-left: none;
    		a{ border-left: 1px $borderColor solid; height: 56px; line-height: 56px; text-align: center; width: 16%; float: left;}
    		a.cur{ background: #a48930; color: $white;}
    	}
    	.com-text{ line-height: 28px; margin-top: 20px;
    		strong{ font-size: 20px;}
    		span{ color: #b31a28;}
    	}
    	.img{ margin-top: 20px;}
    	.ewm-con{ margin-top: 20px;
    		img{ float: left; margin-right: 20px; vertical-align: top;}
    	}
    	.pay-tab-main{ display: none; padding: 20px; 
    		.zzhk-con{ padding-left: 20px;
    			h3{ margin-left: -20px; margin-top: 20px;}
    			.items{ padding-top: 20px;
    				li{ margin-top: 10px; padding-left: 80px;
    					span{ margin-left: -80px; float: left; line-height: 46px;}
    					.srk{ width: 310px; height: 44px; line-height: 44px; padding-left: 10px;}
    				}
    			}
    		}
    		.next-btn{ margin-top: 20px; text-align: center;
    			a{@include comBtn(300px,64px);}
    		}
    		.wsyh-con{ padding-top: 20px; width: 800px; display: none;
    			.pay-select{ font-size: 18px;
    				.icon{ width: 24px; height: 20px; background: url(../img/pay_select.png) no-repeat; float: left; margin-right: 5px; margin-top: 2px;}
    			}
    			.items{ padding-top: 20px; margin-right: -34px;
    				li{ width: 150px; height: 55px; margin-right: 34px; float: left; margin-top: 2px; padding: 1px; text-align: center;
    					img{ width: 148px; height: 33px;}
    					.text{ font-size: 12px; display: none; color: $white;}
    				}
    				li.cur{ background: #6accb4;
    					.text{ display: block;}
    				}
    			}
    			.x-items{ padding-top: 20px; padding-left: 100px;
    				li{ padding-left: 160px; margin-top: 10px; overflow: hidden;
    					label{ width: 160px; float: left; margin-left: -160px; text-align: right; line-height: 40px;}
    					.srk{ width: 280px; padding-left: 10px; height: 38px; line-height: 38px; border: 1px $borderColor solid;}
    					.srk1{ width: 105px; padding-left: 10px; height: 38px; line-height: 38px; border: 1px $borderColor solid; float: left;}
    					.srk2{ width: 155px; margin-left: 10px; padding-left: 10px; height: 38px; line-height: 38px; border: 1px $borderColor solid; float: left;}
    					select{ width: 105px; float: left; margin-top: 10px; margin-right: 10px;}
    				}
    			}
    			.xy-sel{ padding-top: 20px; text-align: center;
    				.icon{ width: 24px; height: 20px; background: url(../img/pay_select.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px;}
    			}
    			.xy-sel.cur{
    				.icon{ background: url(../img/pay_select_cur.png) no-repeat; margin-top: 2px;}
    			}
    			.btn-con{ padding-top: 20px; text-align: center;
    				a{@include comBtn(290px,64px);}
    			}
    		}
    		.wsyh-con.cur{ display: block;
    			.pay-select{
    				.icon{ background: url(../img/pay_select_cur.png) no-repeat; margin-top: 2px;}
    			}
    		}
    	}
    }
    .pay-title{@include orderTitle;}
}

@import "./footer.scss";